// 1. 导入express
const express = require('express');
// 2. 创建app对象
const app = express();

// 4. 设置跨域中间件
// app.use(function (request, response, next) {
//     //     // access 访问进入  control 控制  allow 允许  origin 源
//     response.setHeader('Access-Control-Allow-Origin', "*");  //任何页面发送请求都允许跨域请求
//     // response.setHeader('Access-Control-Allow-Origin', "http://127.0.0.1:5500");  //任何页面发送请求都允许跨域请求
//     response.setHeader('Access-Control-Allow-Headers', "*"); //该响应头 允许客户端可以设置『自定义』请求头
//     response.setHeader('Access-Control-Allow-Methods', "*"); //允许各种请求方式进行跨域请求 PUT  PATCH delete
//     response.setHeader('Access-Control-Expose-Headers', "*"); //暴露响应头信息
//     next();
// });

// 3. 配置get路由 - 同源页面渲染
app.get('/sameOrigin', (req, res) => {
    res.sendFile(__dirname + '/01-同源.html');
});

app.get('/sameOrigin2', (req, res) => {
    res.sendFile(__dirname + '/02-GET请求.html');
});



// 5. 使用解析请求体数据中间件
app.use(express.urlencoded({ extended: false }));

// 6. 配置一个get类型请求路由
app.get('/getServer', (req, res) => {
    res.send('GET DATA-123');
});

app.get('/getServerData', (req, res) => {
    let obj = req.query;
    console.log(obj);
    res.send('GET DATA-123' + JSON.stringify(obj));
});

app.get('/getServerData2/:id', (req, res) => {
    let obj = req.params;
    console.log(obj);
    res.send('GET DATA-123');
});

// 7. 配置一个post类型请求路由
app.post('/postServer', (req, res) => {
    let obj = req.body;
    console.log(obj);
    res.send('POST DATA');
});

//8. 配置一个返回json格式数据的路由
app.all('/jsonServer', (req, res) => {
    res.json({
        msg: '此用户名已经存在',
        code: '001'
    });
})

//9. 配置一个延时响应请求
app.all('/delayServer', (req, res) => {
    setTimeout(() => {
        res.json({
            code: 100,
            msg: "ok"
        });
    }, 3000);
});

// 10. 配置一个lol英雄列表路由
const data = require('./11-LOL练习/data/lol.json');
app.get('/getHeros', (req, res) => {
    res.json(data)
})

// 响应一个jsonp请求
app.get('/jsonpdemo',(req,res)=>{
    // res.send('fn({name:"王老吉"})');
    let {cb} = req.query;
    res.send(`${cb}({name:"小李"})`);
})

//11. 配置一个jsonp响应
app.all('/jsonpServer', (req, res) => {
    let { cb } = req.query;
    let data = {
        name: 'laowang',
        age: 18
    }
    let json = JSON.stringify(data);
    res.send(`${cb}(${json})`);
});

app.listen(80, () => {
    console.log('80服务已经启动....');
})
